<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">-->
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>我请喝咖啡</title>
    <link rel="stylesheet" href="../assets/css/jquery.mobile-1.4.5.min.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <script src="../assets/js/jquery.mobile-1.4.5.min.js"></script>
    <script>
        setTimeout('showLoader()', 100);//这里要延迟一下，直接调用无法显示加载器
        //显示加载器.for jQuery Mobile 1.2.0
        function showLoader() {
            $.mobile.loading('show', {
                text: '正在加载中...', //加载器中显示的文字
                textVisible: true, //是否显示文字
                theme: 'a',        //加载器主题样式a-e
                textonly: false,   //是否只显示文字
                html: ""           //要显示的html内容，如图片等
            });
        }
        //隐藏加载器.for jQuery Mobile 1.2.0
        function hideLoader() {
            $.mobile.loading('hide');
        }
        window.onload = function () {
            hideLoader();
            setTimeout('hideLoader()', 800);//延迟5秒，模拟图片和多媒体加载耗时
        }
        $(document).ready(function () {
            //setTimeout('hideLoader()', 5000);//延迟5秒，模拟页面请求数据耗时，ajax异步请求等放在这里
        })
    </script>
    <!--轮播s-->
    <link rel="stylesheet" type="text/css" href="../assets/jQuerySwipeslider/css/style.css">
    <link rel="stylesheet" type="text/css" href="../assets/jQuerySwipeslider/dist/swipeslider.css">
    <!--轮播e-->
    <link rel="stylesheet" href="../common/common.css">
    <link rel="stylesheet" href="../css/index.css?v=1.0.2">
    <script src="../common/common.js"></script>
    <!--<script charset="utf-8" src='http://map.qq.com/api/js?v=2.exp'></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>  &lt;!&ndash;微信js接口引入&ndash;&gt;-->
    <script charset="utf-8" src='../assets/js/map.qq.com.js'></script>
    <script src="../assets/js/jweixin-1.2.0.js"></script>  <!--微信js接口引入-->
    <script src="../common/sprintf.js"></script>
    <script src="../common/underscore-min.js"></script>
    <script src="../config.js?v=1.0.3"></script>
    <style>
        .jishiyin {
            padding: 0;
        }
    </style>
</head>
<body>
<div data-role="page" class="page">
    <!--<img id="start_page" src='../assets/img/loading1.jpg' style='width:100%;height: 100%;position: fixed; top: 0;z-index: 1000;'/>-->

    <div data-role="content" data-title="咖啡吧" id="home_page" class="content">
        <div class="nanner">
            <section>
                <figure id="full_feature" class="swipslider">
                    <ul class="sw-slides" id="sliders">
                        <a class="sw-slide" href="#">
                            <img src="../assets/jQuerySwipeslider/img/img_banner4.jpg" alt="Tiny Tina from Borderlands 2">
                        </a>
                        <a class="sw-slide" href="#">
                            <img src="../assets/jQuerySwipeslider/img/img_banner5.jpg" alt="Summer beach concept">
                        </a>
                        <a class="sw-slide" href="#">
                            <img src="../assets/jQuerySwipeslider/img/img_banner6.jpg" alt="Lang from Yie Ar Kung Fu">
                        </a>
                    </ul>
                </figure>
            </section>
            <!--<img class="banner-logo" src="../assets/img/img_logo.png" alt="">-->
        </div>
<!--即食即饮-->
        <div class="jishijiyin">
            <div class="jishiyin">
                <img src="../assets/img/ico_jishijiyin.png" alt="">
            </div>
            <div class="separate">
                <div class="fcbd">请客分享</div>
            </div>
            <div class="container" id="container">
            
            </div>
        </div>

        <div style="text-align:center;font-size:12px;line-height:20px;color:gray;margin-top:30px;">----------   我是有底线的   ----------</div>
    </div>
    <!--底部导航栏-->
    <div data-role="none" class="bottomTabbar">
        <ul>
            <li><a href="javascript:void(0);"><img src="../assets/img/minilogo_Assistor.png" alt=""></a></li>
            <li><a index="0" href="javascript:void(0)">咖啡吧</a></li>
            <li><a index="1" href="javascript:void(0)">小家</a></li>
            <li><a index="2" href="javascript:void(0)">我的</a></li>
        </ul>
    </div>
    <script src="../assets/js/fontAdjust.js"></script>
    <script src="../js/index.js?v=1.0.2"></script>
    <!--轮播-->
    <!--<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>-->

    <script type="text/javascript" src="../assets/jQuerySwipeslider/dist/swipeslider.js"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('#full_feature').swipeslider();
        });
    </script>
</div>

<div data-role="page" class="page" id="scanNotice">
    <div data-role="content" class="content">
        <div class="success-container">
            <div class="paySuccess-remind">
                <img class="pay-success-icon" src="../assets/img/ico_erweima.png" alt="">
                <div class="success-text">请先找到小啡</div>
                <div class="remind-info">用微信扫一扫咖啡机屏幕上的二维码</div>
                <!--<div class="remind-info1 pingfang">请确认已放置好杯子</div>-->
            </div>
        </div>
        <div class="toScan">
            <button id="scan" class="scan">扫码购买</button>
        </div>
    </div>
    
</div>

</body>
</html>